<html>
<wicket:extend>
<div class="top-links">
	<a class="icon-right" href="#" onClick="helpPopUp();return false;"><img wicket:id="help" /></a>
  <a class="icon-right" href="#" onClick="window.location.reload();return false;"><img wicket:id="refresh" /></a>
  <a class="icon-right" href="#" onClick="window.print();return false;"><img wicket:id="printer" /></a>
  <div class="clear"></div>
</div>

<h1>Settings</h1>

<div class="column-three">
  <div class="inner">
    <div class="box">
    	<h2>User Settings</h2>
      <div class="move-to-box-header right">[<a href="#">edit</a>]</div>
      <p>
      	<strong>Home Owner</strong><br />
        Power User<br />
        homeowner@domain.tld
      </p>
    </div>
  </div>
</div>
<div class="column-three">
  <div class="inner">
    <div class="box">
    	<h2>System Settings</h2>
      <div class="move-to-box-header right">[<a href="#">edit</a>]</div>
      <p>
      	Honolulu, HI USA (96816)<br />
      	6:43:12pm Hawaii Standard Time<br />
        12-Hour Clock Display<br />
        Daylight Savings: Disabled<br />
        Local Weather: Enabled
      </p>
    </div>
  </div>
</div>
<div class="column-three">
  <div class="inner">
    <div class="box">
    	<h2>Usability</h2>
      <div class="move-to-box-header right">[<a href="#">edit</a>]</div>
      <p>
      	Comparative Energy Pricing Rate: $.12/kWh<br />
        Theme: Default<br />
        Font-size: Default
      </p>
    </div>
  </div>
</div>

<div class="clear"></div>
<div class="inner">
  <div class="box">
    <h2>Global Presets</h2>
    <form action="#" class="table-wrapper" method="get" name="tableform">
      <p class="show-count">
        Show&nbsp;
        <select>
          <option>10</option>
          <option>20</option>
          <option>30</option>
          <option>40</option>
        </select>
        &nbsp;Entries
      </p>
      <p class="showing">Showing 1 - 4 of 4 entries</p>
      <table cellpadding="0" cellspacing="0" class="sortable" width="100%">
        <thead>
          <tr>
            <th>Name<a class="sort-asc" href="#">&nbsp;</a></th>
            <th>Temperature<a class="sort-desc" href="#">&nbsp;</a></th>
            <th>Lighting<a class="no-sort" href="#">&nbsp;</a></th>
            <th width="78px">&nbsp;</th>
          </tr>
        </thead>
        <tfoot>
          <tr>
            <th>Name</th>
            <th>Temperature</th>
            <th>Lighting</th>
            <th>&nbsp;</th>
          </tr>
        </tfoot>
        <tbody>
          <tr>
            <td>Morning Preset</td>
            <td>70&deg;F</td>
            <td>Dining Room (70% White), Bedroom (40% White)</td>
            <td>
              <a class="icon-left" href="#"><img alt="View" wicket:id="TableViewImage" /></a>
              <a class="icon-left" href="#"><img alt="Edit" wicket:id="TableEditImage" /></a>
              <a class="icon-left" href="#"><img alt="Delete" wicket:id="TableDeleteImage" /></a>
            </td>
          </tr>
          <tr>
            <td>Afternoon Preset</td>
            <td>68&deg;F</td>
            <td>Living Room (20% White)</td>
            <td>
              <a class="icon-left" href="#"><img alt="View" wicket:id="TableViewImage" /></a>
              <a class="icon-left" href="#"><img alt="Edit" wicket:id="TableEditImage" /></a>
              <a class="icon-left" href="#"><img alt="Delete" wicket:id="TableDeleteImage" /></a>
            </td>
          </tr>
          <tr>
            <td>Evening Preset</td>
            <td>72&deg;F</td>
            <td>Living Room (70% White), Dining Room (70% White), Bedroom (40% White)</td>
            <td>
              <a class="icon-left" href="#"><img alt="View" wicket:id="TableViewImage" /></a>
              <a class="icon-left" href="#"><img alt="Edit" wicket:id="TableEditImage" /></a>
              <a class="icon-left" href="#"><img alt="Delete" wicket:id="TableDeleteImage" /></a>
            </td>
          </tr>
          <tr>
            <td>Away Preset</td>
            <td>70&deg;F</td>
            <td>Bathroom (10% Yellow)</td>
            <td>
              <a class="icon-left" href="#"><img alt="View" wicket:id="TableViewImage" /></a>
              <a class="icon-left" href="#"><img alt="Edit" wicket:id="TableEditImage" /></a>
              <a class="icon-left" href="#"><img alt="Delete" wicket:id="TableDeleteImage" /></a>
            </td>
          </tr>
        </tbody>
      </table>
      <p class="pagination">
        <a class="previous" href="#">&nbsp;</a>
        <span class="current">1</span>
        <a class="next" href="#">&nbsp;</a>
      </p>
      <p class="showing">Showing 1 - 4 of 4 entries</p>
      <div class="clear"></div>
    </form>
	</div>
</div>

</wicket:extend>
</html>

